<template>
	<div class="index" >
    <top></top>
    <div class="flex ww" style="margin-top: 50px;">
      <div style="width: 200px;">
        <div class="navli" :class="act == 1 ? 'navliact' : ''" @click="act = 1">考生信息</div>
        <div class="navli" :class="act == 4 ? 'navliact' : ''" @click="act = 4">考试记录</div>

        <!-- <div class="navli" :class="act == 2 ? 'navliact' : ''" @click="act = 2">考场信息(未)</div>
        <div class="navli" :class="act == 5 ? 'navliact' : ''" @click="act = 5">考场管理(未)</div>

        <div class="navli" :class="act == 3 ? 'navliact' : ''" @click="act = 3">考官信息(未)</div>
        <div class="navli" :class="act == 6 ? 'navliact' : ''" @click="act = 6">考官记录(未)</div> -->

        <!-- <div class="navli" :class="act == 7 ? 'navliact' : ''" @click="act = 7">下载准考证</div> -->

        <!-- <div class="navli">修改密码</div> -->
      </div>
      <div style="flex-grow: 1; flex-wrap: wrap; margin-left: 50px; width: 1000px;">
        <gerenxinxi v-if="act == 1"></gerenxinxi>
        <kaoshijilu  v-if="act == 4"></kaoshijilu>
        <kaochangxinxi v-if="act == 2"></kaochangxinxi>
        <kaoguanxinxi v-if="act == 3"></kaoguanxinxi>
        <kaochangjilu v-if="act == 5"></kaochangjilu>
        <kaoguanjilu v-if="act == 6"></kaoguanjilu>
        <zhunkaozheng v-if="act == 7"></zhunkaozheng>
      </div>
    </div>
	</div>
</template>

<script>
  // import top from '../top.vue'
  import top from '../top2.vue'
  import gerenxinxi from './gerenxinxi.vue'
  import kaochangxinxi from './kaochangxinxi.vue'
  import kaoguanxinxi from './kaoguanxinxi.vue'
  import kaoshijilu from './kaoshijilu.vue'
  import kaochangjilu from './kaochangjilu.vue'
  import kaoguanjilu from './kaoguanjilu.vue'
  import zhunkaozheng from './zhunkaozheng.vue'

	export default {
		name: 'index',
    components:{
      top,gerenxinxi,kaochangxinxi,kaoshijilu,kaoguanxinxi,kaochangjilu,kaoguanjilu,zhunkaozheng
    },
		data() {
			return {
        act:1
			}
		},
		created() {
      if(this.$route.query.act){
        this.act = this.$route.query.act
      }

		},
		mounted() {

		},
		methods: {

    }
	}
</script>


<style scoped >
  .navli{ padding: 10px 20px; border-radius: 5px; cursor: pointer; margin-bottom: 10px; font-size: 18px;
    &:hover{ background: #005aff !important; color: #fff !important;}
  }
  .navliact{ background: #005aff; color: #fff;}
</style>
